@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	#hamburger{ display:block !important;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:52px;}
}

/*index*/
@media screen and (max-width: 1600px) {
	.header .logo{ padding:20px 160px 20px 40px;}
	.header .mune{ padding:36px 50px 0 0;}
	.ip .tit h3{ font-size:3.2em;}
	.ip .tit p{ font-size:2em;}
	.iab{ padding:90px  0 110px 0;}
	.tits h3{ font-size:3.2em;}
	.tits h4{ font-size:2em;}
	.inews{  padding:90px 0 100px 0;}
	.inews .dots .dot .txt{ padding:30px 30px 40px 30px;}
	.inews .dots .dot .txt h3{ margin-bottom:30px;}
	.footer .fo2 .fc .txt .t h3{ font-size:3.2em;}
}
@media screen and (max-width: 1440px) {
	.header .m-list>a{ margin:0 25px;}
	.ip .ip-list .ipd .img img{ width:50px;}
	.ip .ip-list .ipd{ margin:50px 0 20px 0;}
	.iab .iab-boxs .dots .dot .d h3 span{ font-size:3.2em;}
	.inews .tits{ margin-bottom:30px;}
	.inews .dots .dot .txt{ padding:20px;}
	.inews .dots .dot .txt h4{ font-size:1.6em;}
	.inews .dots .dot .txt h3{ margin-bottom:15px;}
}
@media screen and (max-width: 1200px) {
	.header .logo{ padding:20px  80px 20px 20px;}
	.header .logo img{ width:140px;}
	.header .mune{ padding:28px 30px 0 0; }
	.header .m-list>a{ font-size:1.4em;}
	.ip{ padding:60px 0;}
	.ip .tit h3{ font-size:2.4em;}
	.ip .tit p{ font-size:1.6em; margin-top:12px;}
	.ip .ip-list{ max-width:700px;}
	.ip .ip-list .ipd .img img{ width:40px;}
	.ip .ip-list .ipd p{ font-size:1.4em;}
	.ip .ip-boxs{ width:100%; margin:0;}
	.ip .ip-boxs .box{ width:calc(25% - 20px); margin:10px;}
	.ip .ip-more{ margin-top:30px;}
	.ip .ip-more a{ padding:12px 40px;}
	.ip .ip-more a img{ width:40px;}
	.iab{ padding:80px 0;}
	.tits h3{ font-size:2.4em;}
	.tits h4{ font-size:1.6em; margin-bottom:10px;}
	.iab .iab-boxs .dots .dot .d h3 span{ font-size:2.8em;}
	.iab .iab-boxs .dots .dot .d p{ font-size:1.4em;}
	.inews{ padding:80px 0;}
	.footer .fo1 .tit{ width:60%;}
	.footer .fo2 .warp2  .mune{ width:60%;}
	.footer .fo2 .fc{ width:40%;}
	.footer .fo2 .fc .two img{ width:100px;}
	.footer .fo2 .fc .two{ width:120px;}
	.footer .fo2 .fc .txt{ width: calc(100% - 120px);}
	.footer .fo2 .fc .txt .t h3{ font-size:2.4em; margin-bottom:10px;}
	.footer .fo2 .fc .txt .t{ margin-bottom:20px;}
}
@media screen and (max-width: 1024px) {
	.header .mune{ display:none;}
	.header .logo{ padding:12px 60px 12px 20px;}
	.ip .ip-boxs .box .txt p{ font-size:1.4em;}
	.ip .ip-boxs .box .txt{ padding:10px;}
	.banner .swiper-pagination-bullet{ bottom:20px;}
	.ip .ip-boxs .box{ width:calc(50% - 20px);}
	.iab .iab-boxs>*{ float:none; width:100%; margin:20px 0 0 0;}
	.tits p{ margin:14px 0 20px 0;}
	.inews{ padding:60px 0;}
	.inews .dots .dot{ width:calc(50% - 20px); margin:10px;}
	.footer .fo1,.footer .fo2{ display:none;}
	.footer .fd{ padding:15px 0;}
	.iab .iab-boxs{ margin-top:20px;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-pagination-bullet{ width:30px;}
	.banner .swiper-pagination-bullets{bottom:20px;}
	.ip .ip-list .ipd{ width:33.33%; margin:20px 0;}
	.ip .ip-list .ipd p{ margin-top:10px;}
	.ip .ip-list{ margin:20px auto;}
	.ip .tit h3{ font-size:2em;}
	.ip .tit p{ font-size:1.4em;}
	.iab .iab-boxs .dots img{ max-width:100%;}
	.tits h3{ font-size:2em;}
	.tits a{ font-size:1.4em;}
	.footer .fd{ text-align:center;}
	.footer .fd p,.footer .fd p:last-child{ float:none; display:inline;}
}
@media screen and (max-width: 650px) {
	.header .logo img{ width:120px;}
	#hamburger{top:20px; right:20px;}
	.ip,.iab,.inews{ padding:40px 0;}
	.inews .dots .dot .txt h4{ font-size:1.4em;}
	.inews .dots .dot .txt{ padding:20px 10px;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer{ margin-bottom:37px;}
}
@media screen and (max-width: 450px) {
	.ip .tit h3{ font-size:1.8em;}
	.ip .ip-list .ipd .img img{ width:30px;}
	.ip .ip-list .ipd{ margin:10px 0;}
	.ip .ip-boxs .box{ width:calc(50% - 8px); margin:4px;}
	.ip .ip-more a{ padding:6px 30px;}
	.tits h3{ font-size:1.8em;}
	.iab .iab-boxs{ margin:0;}
	.iab .iab-boxs .iab-h{ padding:0;}
	.iab .iab-boxs .dots .dot .d{ width:33.33%; margin:20px 0  0 0;}
	.inews .dots .dot{ width:100%; margin:20px 0 0 0;}
	.inews .tits{ margin-bottom:0;}
}

/*news*/
@media screen and (max-width: 1600px) {
	.banners{ height:350px;}
	.news-t .box a .txt .t h3{ font-size:2em;  margin-bottom:12px;}
}
@media screen and (max-width: 1200px) {
	.banners{ height:300px; }
	.con-list .cl-box a{ padding:16px 24px;}
	.news-t{ padding:40px 0;}
	div.fy{ padding-top:40px;}
}
@media screen and (max-width: 1024px) {
	.news-t .box a .txt{ width: calc(100% - 300px); margin-left: 20px; }
	.news-t .box a .txt .date h3{ font-size:2.4em;}
	.news-t .box a .txt .t h3{ margin-top:0;}
	.news-t .box a .img{ width:280px;}
}
@media screen and (max-width: 850px) {
	.banners{height:240px;background-position: 30% center;}
	.news-t .box a .txt .t h3{ font-size:1.8em;}
	.news-t .box a .txt .date{ width:80px;}
	.news-t .box a .txt .t{ width:calc(100% - 90px);}
	div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
	div.fy{ padding-top:20px;}
}
@media screen and (max-width: 650px) {
	.banners{ height:200px;}
	.network{ background-position: 18% center;}
	.contact{ background-position: 6% center;}
	.news{ background-position: 15% center;}
	.news-t{ padding:20px 0 40px 0;}
	.news-t .box a>*{ float:none;}
	.news-t .box a .img{ padding:0; width:100%; margin-bottom:20px;}
	.news-t .box a .img img{ max-width:100%;}
	.news-t .box a .txt{ width:100%; margin:0;}
	.con-list .cl-box a{ padding:12px 6px; width:20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.con-list .cl-box{ width:100%;}
}
@media screen and (max-width: 450px) {
	.banners{ height:160px;}
	.news-t .box a .txt .date h3{ font-size:2em;}
	.news-t .box a .txt .date{ width:60px;}
	.news-t .box a .txt .t{ width:calc(100% - 60px);}
	.news-t .box a .txt .t h3{ font-size:1.6em; line-height:24px; height:24px; margin-bottom:2px;}
	.news-t .box a .txt .t h5{ margin-top:10px;}
	.news-t .box{ padding:20px 0;}
}


/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.4em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*qulity&workshop&culture*/
@media screen and (max-width: 1200px) {
	.ab-img{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.ab-img{ padding:40px 0;}
}

/*about*/
@media screen and (max-width: 1200px) {
	.about-t .abt1{ padding:70px 0;}
	.about-t .abt1 .dot{ margin-top:50px;}
	.about-t .abt2{ padding:70px 0;}
}
@media screen and (max-width: 1024px) {
	.about-t .abt1 .dot .d h3 span{ font-size:3.2em;}
	.about-t .abt1{ padding:50px 0;}
	.about-t .abt1 .txt p{ margin-bottom:12px;}
	.about-t .abt1 .dot{ margin-top:30px;}
	.workshop .tit p{ margin:10px 0 15px 0;}
	.workshop .tit h3{ font-size:2.4em;}
	.workshop .tit h3 span{ font-size:18px;}
	.workshop .tit p{ font-size:1.4em;}
}
@media screen and (max-width: 850px) {
	.about-t .abt1 .dot .d p{ font-size:1.4em;}
	.about-t .abt2{ padding:50px 0;}
	.workshop .tit h3{ font-size:2em;}
	.workshop .tit h3 span{ font-size:14px;}
	.workshop .tit p{ font-size:1.4em;}
}
@media screen and (max-width: 650px) {
	.about-t .abt1 .dot .d h3 span{ font-size:2.8em;}
	.about-t .abt1 .dot .d{ width:33.33%; margin-top:20px;}
	.workshop .tit h3{ font-size:1.6em;}
	.workshop .imgs img{ width:calc(100%); margin:5px 0;}
}
@media screen and (max-width: 450px){
	.about-t .abt2,.about-t .abt1{ padding:40px 0;}
}

/*contact*/
@media screen and (max-width: 1600px) {
	.contact-t .dots .dot{ margin-top:50px;}
	.contact-t .tit h3{ font-size:4em;}
	.contact-t .tit h4{ font-size:2.4em;}
}
@media screen and (max-width: 1440px) {
	.contact-t .dots{ padding:80px 0;}
	#container{ height:450px;}
	.contact-t .feedback{ padding:70px 0;}
}
@media screen and (max-width: 1200px) {
	.contact-t .dots{ padding:60px 0;}
	.contact-t .tit h3{ font-size:2.8em;}
	.contact-t .tit h4{ font-size:2em;}
	.contact-t .dots .dot .d img{ width:60px;}
	.contact-t .dots .dot .d .t h3{ margin:10px 0;}
	#container{ height:350px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .feedback{ padding:50px 0;}
	.contact-t .feedback .fb .btn .fc-btn{ font-size:1.6em;}
}
@media screen and (max-width: 850px) {
	.contact-t .dots .dot .d .t p{ height:48px;}
	.contact-t .dots .dot .d{ width:33.33%; margin-top:20px;}
	.contact-t .dots .dot{ margin-top:30px;}
	.contact-t .dots{ padding:40px 0;}
	.contact-t .feedback .fb .dot .fc-input{ width: calc(50% - 20px); margin: 10px 10px;}
	.contact-t .feedback .fb .dot{  width: calc(100% + 20px); margin-left: -10px;}
}
@media screen and (max-width: 650px) {
	.contact-t .dots .dot .d:first-child{ width:100%;}
	.contact-t .dots .dot .d{ width:50%;}
	.contact-t .feedback .fb .dot .fc-input{ width: calc(100% - 20px); margin:5px 10px;}
}
@media screen and (max-width: 450px) {
	.contact-t .tit h3{ font-size:2em;}
	.contact-t .tit h4{ font-size:1.8em;}
	.contact-t .dots .dot{ margin-top:10px;}
	.contact-t .dots .dot .d .t p{ height:auto;}
	.contact-t .feedback .fb .btn .fc-btn{ font-size:1.4em; padding:8px}
}

/*network*/
@media screen and (max-width: 1600px) {
	.network-t .n-map .txt .tit{ padding:20px 30px 10px 30px;}
	.network-t .n-map .txt .t{  padding:10px 30px 30px 30px;}
}
@media screen and (max-width: 1440px) {
	.network-t .n-map .txt .tit h3{ font-size:1.6em;}
	.network-t{ padding:100px 0;}
}
@media screen and (max-width: 1200px) {
	.network-t{ padding:80px 0;}
	.net1 .network-t .n-map .img{ text-align:left;}
	.net1 .network-t .n-map .img img{ padding-left:10%;}
	.net2 .network-t .n-map .img{ text-align:right;}
	.net2 .network-t .n-map .img img{ padding-right:10%;}
	.network-t .n-map .txt.net-ms .tit:after{ top:100%;}
}
@media screen and (max-width: 1024px) {
	.network-t{ padding:60px 0;}
	.net1 .network-t .n-map .img img{ padding-left:0%;}
	.net2 .network-t .n-map .img img{ padding-right:0%;}
}
@media screen and (max-width: 850px) {
	.network-t .n-map .txt{  position:static; }
	.network-t .n-map .img img{ max-width:100%; margin-bottom:20px;}
	.network-t .n-map .txt .tit:after{  display:none;}
}
@media screen and (max-width: 650px) {
	.network-t{ padding:40px 0;}
}

/*product*/
@media screen and (max-width: 1600px) {
	.product-t .tit h3{ font-size:3.2em; margin-bottom:0;}
	.product-t .tit h4{ font-size:2em;}
	.product-t{ padding:60px 0 80px 0;}
	.product-t .tit{ margin-bottom:30px;}
}
@media screen and (max-width: 1440px) {
	.product-t .boxs .box{ width:calc(25% - 20px); margin:10px;}
	.p-list .d .img img{ width:50px;}
	.p-list .d{ padding:20px 30px;}
}
@media screen and (max-width: 1200px) {
	.product-t .tit h3{ font-size:2.4em;}
	.product-t .tit h4{ font-size:1.6em;}
	.p-list .pl-box a p{ font-size:1.4em; padding-top:10px;}
	.product-t .boxs .box .txt{ padding:10px;}
	.product-t .boxs .box .txt p{ font-size:1.4em;}
	.product-t{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.product-t{ padding:40px 0;}
	.product-t .tit{ margin-bottom:10px;}
	.product-t .boxs .box{ width:calc(33.33% - 20px); }
	.product-t .fy{ padding-top:20px;}
	.p-list .d .img img{  width:40px;}
}
@media screen and (max-width: 850px) {
	.p-list .d{ width:20%; padding:20px 0;}
	.p-list .pl-box a p{ line-height:1.2;}
	.p-list .pl-box{ width:100%; text-align:center;}
	.proudct img{ width:140%; margin-left:-25%;}
}
@media screen and (max-width:650px) {
	.product-t .boxs .box{ width:calc(50% - 20px); }
	.p-list .d{ width:33.33%;}
	.product-t .tit h3{ font-size:1.8em;}
	.product-t .tit h4{ font-size:1.4em;}
}
@media screen and (max-width:450px) {
	.product-t .boxs .box{ width:calc(100% - 20px); }
	.p-list .d .img img{ width:30px;}
}

/*productshow*/
@media screen and (max-width: 1600px) {
	.productshow-t .pro-txt .dot .txt h3{ font-size:2em;}
}
@media screen and (max-width: 1440px) {
	.productshow-t .pro-txt{ padding:60px 0;}
	.productshow-t .pro-txt .dot{ margin:30px 0;}
	.productshow-t .pro-more .pt h3{ margin-bottom:30px;}
	.productshow-t{  padding:60px 0 80px 0;}
	.productshow-t .tit h3{ font-size:3.2em;}
	.productshow-t .txts{ margin-top:60px;}
}
@media screen and (max-width: 1200px) {
	.productshow-t .txts .txt .t1 .ts h3{ font-size:4.2em;}
	.productshow-t .txts .txt{ padding-left:30px;}
	.productshow-t .txts{ margin-top:40px;}
	.productshow-t{ padding:60px 0;}
	.productshow-t .txts .txt .t1 .tsd p{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.productshow-t .txts>*{ float:none; width:100%; max-width:600px; margin:20px auto;}
	.productshow-t .txts{ margin-top:0px;}
	.productshow-t .tit h3{ font-size:2.4em;}
	.productshow-t .txts .txt{ padding:0;}
	.productshow-t .txts .txt .t1 .ts h3{ font-size:3.2em;}
	.productshow-t .txts .txt .t2 .t p{ font-size:1.4em;}
	.productshow-t .pro-txt .dot .txt h3{ font-size:1.8em;}
	.productshow-t .pro-more .pt h3{ margin-bottom:10px;}
	.productshow-t .pro-more .dots{ width: calc(100% + 10px); margin-left: -5px; }
	.productshow-t .pro-more .dots .dot{ width: calc(25% - 10px); margin: 10px 5px;}	
	.productshow-t .pro-txt{ padding:40px 0;}
	.productshow-t{ padding:40px 0 20px 0;}
	.productshow-t .pro-more .pt h3{ font-size:1.6em;}
}
@media screen and (max-width: 850px) {
	.productshow-t .pro-more .dots .dot{ width: calc(50% - 10px); margin: 5px 5px;}
	.productshow-t .pro-txt .dot .txt{ padding:30px;}
	.productshow-t .pro-txt .dot>*{ display:block; width:100%;}
}
@media screen and (max-width: 650px) {
	.productshow-t .txts .txt .t2 .td h3{ padding:20px 0 10px 0;}
	.productshow-t .pro-txt .dot .txt h3{ font-size:1.6em; line-height:1.5;}
	.productshow-t .pro-txt .dot{ margin:10px 0;}
}
@media screen and (max-width: 450px) {
	.productshow-t .pro-imgs .gallery-thumbs{ margin-top:15px; padding:0 24px;}
	.productshow-t .pro-imgs .gallery-thumbs .p-bottom, .productshow-t .pro-imgs .gallery-thumbs .p-top{ width:20px;}
	.productshow-t .txts .txt .t1 .ts{ width:100%; margin-bottom:12px;}
	.productshow-t .txts .txt .t1 .ts h3{ font-size:2.4em;}
	.productshow-t .txts .txt .t1>*{ display:block;}
	.productshow-t .pro-txt{ padding:20px 0;}
}